<%- include('layout/header', { title: '微博 - 广场', isNav: true, list: true })%>

<div class="container margin-top-20">
  <div class="row">
    <!-- 左侧 -->
    <div class="col-8">
      <h4 class="margin-bottom-20 padding-bottom-10 border-bottom">微博广场</h4>

      <% if (blogData.isEmpty) { %>
      <div>
        <center>暂无数据</center>
      </div>
      <% } else { %>
      <!-- 微博列表 -->
      <div id="container-weibo-list" class="weibo-list">
        <%- include('widgets/blog-list', {
                        blogList: blogData.blogList
                    })%>
      </div> <!-- 微博列表 结束 -->
      <!-- 加载更多 -->
      <% if (blogData.count > blogData.blogList.length) { %>
      <%- include('widgets/load-more', {
                        pageSize: blogData.pageSize,
                        pageIndex: blogData.pageIndex,
                        count: blogData.count,
                        containerSelector: '#container-weibo-list',
                        api: '/api/square/loadMore',
                    })%>
      <% } %>
      <!-- 加载更多 结束 -->
      <% } %>
    </div> <!-- 左侧结束 -->
  </div>
</div>

<%- include('layout/footer')%>